<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
<div id="header">
    <div class="center-top-title">
        家有狗狗
        <a class="r" href="register.html">注册</a>
    </div>
    <br class="clear">
</div>
<div id="body">
    <form class="passport-form">
        <div class="input-box">
            <div class="row">
                <span>账号</span>
                <span><input placeholder="手机号" /></span>
            </div>
            <div class="row">
                <span>密码</span>
                <span><input placeholder="请输入账号密码" type="password" /></span>
                <a class="forget" href="">忘记密码</a>
            </div>
        </div>
        <div class="row btn-row">
            <button type="submit" class="btn">登录</button>
        </div>
    </form>
    <div class="other-login">
        <div class="line">
            <span class="text">其他登录方式</span>
        </div>
        <div class="other-icon-box">
            <span class="other"><a href=""><img src="image/list_icon_qq.png" /></a></span>
            <span class="other"><a href=""><img src="image/list_icon_wechat.png" /></a></span>
            <span class="other"><a href=""><img src="image/list_icon_sina.png" /></a></span>
        </div>
    </div>
</div>
<div id="footer-margin-top"></div>
<div id="footer">
    <div class="footer-btn">
        <center class="active">
            <img src="image/nav_icon_1_normal.png">
            <div>寻缘</div>
        </center>
    </div>
    <div class="footer-btn">
        <center>
            <img src="image/nav_icon_2_normal.png">
            <div>动态</div>
        </center>
    </div>
    <div class="footer-btn footer-release-btn">
        <center>
            <img src="image/btn_new_normal.png">
        </center>
    </div>
    <div class="footer-btn">
        <center>
            <img src="image/nav_icon_3_normal.png">
            <div>消息</div>
        </center>
    </div>
    <div class="footer-btn">
        <center>
            <img src="image/nav_icon_4_normal.png">
            <div>我</div>
        </center>
    </div>
    <br class="clear">
</div>
</body>
</html>